@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;vertical-align:bottom;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
.abs{position:absolute;}
.rel{position:relative;}

#wechat{position: absolute;right: 0;width: 150px;left:-230px;top:-40px;}

/*header*/
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100; margin:0 auto;}
.unslider-nav ol li{display: inline-block; width:32px; height:7px; background:rgba(96,95,110,0.3); border-radius:5px; text-indent: -999em;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; margin:0 9px;}
.unslider-nav .unslider-active{opacity: 1; width:71px; background:rgba(96,95,110,0.8);}

.top{width:100%;position: fixed;padding-top: 30px;left:0;background: rgba(0, 0, 0, .8);z-index:9}
.logo{width:1200px;height:74px;text-align:left;margin:0 auto;border-bottom: 1px solid #fff;margin-bottom: 16px;}
.nav{width:1200px; height:30px; margin:0 auto; position:relative;}
.nav li{float:left; width:133px; text-align:center; font-size:16px; text-transform:uppercase; margin-right:44px; display:inline;}
.nav a{display:block; height:26px; padding:2px 0; color:#ccc;}
.nav a:hover{border-top:solid 2px #5a5a5d; border-bottom:solid 2px #5a5a5d; height:26px; line-height:26px; color: #fff; padding:0;}
.nav .nav_m{margin:0;}
.nav li .nav_z{display:block;}
.nav li:hover .nav_z{display:none;}
.nav li .nav_y{display:none;}
.nav li:hover .nav_y{display:block;}


/*mainbody*/
.mainbody{width:1200px; padding:24px 0; margin:0 auto; min-height:500px;}
.about_tit{width:1200px; text-align:center; color:#2c2c2c; font-size:16px; text-transform:uppercase; margin:0 auto;}
.about_tit h1{color:#2c2c2c; font-size:36px; line-height:48px;}
.about_tit h4{color:#000; font-size:18px; line-height:44px; font-weight:normal;}
.about_tit h4 span{color:#ffa800;}
.about_part{width:1200px; padding:50px 0 26px 0;}
.about_pic{float:left; width:594px;}
.about{float:right;width:585px;text-align:center;margin-top:28px;line-height: 1.5;color:#2c2c2c;font-size:16px;}
.about h3{color:#e9b95d;margin: 5px 0;}

.focus{ position:relative; min-width:1200px; height:406px; margin-bottom:50px;}
.focus img{ width: 100%; height:406px;} 
.focus_w{width:100%; position:absolute; top:116px; left:0;}
.focus_c{width:1200px; margin:0 auto; position:relative;} 
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px; text-decoration:none; text-align:center; outline:0; float:left; text-indent:9999px;}    
.focus .prev{width:35px; height:35px;background:url(../images/pic_left.png) no-repeat; cursor:pointer; position:absolute; top:0; right:35px;}  
.focus .next{width:35px; height:35px;background:url(../images/pic_right.png) no-repeat;  cursor:pointer;position:absolute; top:0; right:0;}  
.focus .prev:hover{background:url(../images/pic_left.png) no-repeat;} 
.focus .next:hover{background:url(../images/pic_right.png) no-repeat;}  
.focus .focus_bg{width:350px; height:259px; padding-top:50px; background:url(../images/focus_bg.png) repeat; position:absolute; top:35px; right:0;}
.f_top{width:324px; padding-bottom:24px; border-bottom:solid 1px #fff; color:#fff; margin:0 auto 8px;}
.f_top img{float:left; width:96px; height:96px; border:solid 2px #a0a0a0; border-radius:2px; margin:0 8px;} 
.f_top h4{font-size:16px; font-weight:normal;}
.ser{width:310px; color:#fff; font-size:30px; line-height:50px; text-transform:uppercase; margin:0 auto;}
.ser span{font-size:24px; line-height:34px;}
.ser img{width:24px; height:17px; margin:0 0 6px 10px;}

.news{width:1200px; padding:98px 0 30px 0; overflow:hidden;}
.news ul{width:1269px;}
.news li{float:left; width:354px; margin-right:69px;}
.news_top{height:60px; color:#666; font-size:14px; text-transform:uppercase;}
.news_top h4{color:#333; font-size:18px; font-weight:normal; line-height:26px;}
.news_sz{float:left; font-size:48px; color:#666; line-height:46px; padding-right:12px;}
.news_list{width:346px; margin:0 auto;}
.news_list li{float:none; width:312px; padding-left:34px; height:52px; line-height:52px; border-bottom:solid 2px #b2b2b2; margin:0 0 15px 0; background:url(../images/news_icon.jpg) no-repeat left center; font-size:16px;}
.news_list a{color:#666;}

.pic_bg{min-width:1200px; height:230px; padding-top:82px; background:url(../images/pic_bg.jpg) no-repeat center top; margin-bottom:46px;}
.blk_29 { width:1288px; margin:0 auto;  ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {BACKGROUND:url(../images/leftbotton.png) no-repeat; LEFT: 5px; FLOAT: left; CURSOR: pointer; POSITION: absolute; TOP: 47px; WIDTH: 44px; HEIGHT: 44px}
.blk_29 .RightBotton {BACKGROUND:url(../images/rightbotton.png) no-repeat; FLOAT: right; RIGHT: 5px; CURSOR: pointer; POSITION: absolute; TOP: 47px;WIDTH: 44px; HEIGHT: 44px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1176px;}
.blk_29 .box {FLOAT: left; WIDTH: 271px; height:149px; margin-right:31px;}
.blk_29 .box IMG { width:265px; height:143px; }

.product{width:1181px; padding:36px 0 28px 0; margin:0 auto; overflow:hidden;}
.product ul{width:1216px;margin:0 -10px;}
.product li{float:left;width: 25%;color:#666;text-align:center;}
.product li a{display:block;margin:10px;}
.product h1{font-size:30px; font-weight:normal; line-height:42px;}
.product h4{font-size:18px; color:#333; font-weight:normal; line-height:36px;}
.product li img{max-width:100%}


.contact_bg{min-width:1200px; height:805px; background:url(../images/contact_bg.jpg) no-repeat center top #000;}
.contact_part{width:1200px; padding-top:72px; margin:0 auto;}
.contact_left{float:left; width:565px;}
.contact_right{float:right; width:504px;}
.idea_title{color:#fff; font-size:30px; line-height:44px; text-transform:uppercase;}
.idea_title h4{line-height:46px; padding-bottom:6px; background:url(../images/idea_line.jpg) no-repeat left bottom; font-size:14px;}
.idea{color:#fff; font-size:18px; line-height:28px; padding:14px 0;}
.idea span{font-size:14px; line-height:22px;}
.contact_tit{width:100%; text-align:right; color:#fff; font-size:16px; font-weight:bold; line-height:30px; text-transform:uppercase; margin-bottom:16px;}
.contact_tit h1{font-size:36px; line-height:56px;}
.contact_tit h2{font-size:18px; line-height:36px;}
.contact{width:430px; color:#fff; font-size:18px; line-height:28px; margin-bottom:85px;}
.contact p{border-bottom:solid 1px #fff; padding:62px 0 12px 0;}
.share{float:right; width:177px;position:relative;}
.share li{float:left; width:40px; margin-left:19px;}
.share .txt{color:#fff;text-align:center;width:150px;position:absolute;bottom: -100px;left: -330px;}
.share .txt2{color:#fff;text-align:center;width:150px;position:absolute;bottom: -100px;left: -230px;top: 115px;}
#qrcode{position:absolute;left:-330px;top: -40px;}

/*footer*/
.copyright{min-width:1200px; background:#000; padding:20px 0; text-align:center; color:#fff; font-size:18px;}


/*about*/
.line{min-width:1200px; padding:28px 0; background:url(../images/line.gif) no-repeat center bottom; margin-bottom:15px;}
.wz{width:420px; text-align:right; color:#aaa; font-size:14px; position:absolute; top:50px; right:0;}
.wz a{color:#aaa;}
.wz a:hover{color:#000;}
.wz span{color:#0e0855; font-weight:normal;}
.main_pic01{width:1020px; margin:0 auto 50px;}
.font{width:780px; padding:24px 100px 30px 100px; min-height:100px; _height:100px; color:#666; font-size:14px; line-height:28px; margin:50px auto 36px 0; position:relative;}
.font span{color:#999; font-size:12px; line-height:20px;}
.font01{width:39px; height:31px; position:absolute; top:0; left:0;}
.font02{width:39px; height:31px; position:absolute; bottom:0; right:0;}
.text{width:1033px; color:#666; font-size:14px; line-height:32px; margin:0 auto;}
.text img{margin-bottom:44px;}


/*product*/
.pro_top{width:100%; text-align:center; color:#999; font-size:16px; line-height:30px; margin-bottom:50px;}
.pro_top a{color:#999; padding:0 6px;}
.pro_top a:hover{color:#000;}
.pro_top table{margin:0 auto;}
.pro{width:1181px; margin:0 auto; overflow:hidden;}
.pro ul{width: 100%;margin: -8px;box-sizing: border-box;}
.pro li{float:left;width: 25%;display:inline;color:#666;text-align:center;padding: 8px;box-sizing: border-box;}
.pro li img{max-width:100%}
.pro p{font-size:18px; color:#333; font-weight:normal; line-height:32px;}
.pro li .pro_top{width:269px; height:428px; background:#f6f6f6; margin-bottom:45px; text-transform:uppercase;}
.pro li:hover .pro_top{background:#000;}
.pro li h4{font-size:16px;font-weight:normal;line-height:28px;font-weight:normal;}
.pro li:hover  h4{display:block;}
.pro li .pro_top img{width:146px; height:246px; margin-top:95px;}
.pro li:hover .pro_top img{width:196px; height:306px; margin:0;}
.page{width:100%; text-align:center; padding:10px 0 20px 0;}
.page a{padding:5px 0; color:#999; margin:0 5px;}
.page a:hover{color:#000;}
.page .page_01 a{padding:5px 26px; color:#fff; background:#000; margin:0;}
.page .page_01 a:hover{color:#fff; background:#000;}
.page .page_02 a{padding:5px 20px; color:#fff; background:#000; margin:0 8px;}
.page .page_02 a:hover{color:#fff; background:#000;}

/*news*/
.news_02{width:934px; padding-left:208px;}
.news_02 li{height:154px; padding:0 6px 0 72px; border:solid 1px #000; line-height:30px; font-size:14px; border-radius:3px; margin-bottom:68px; position:relative;}
.news_02 h4{border-bottom:dotted 1px #000; font-weight:normal; line-height:42px; padding-top:12px; font-size:16px; margin-bottom:15px;}
.news_more{float:right; line-height:14px;}
.news_pic{width:204px; border:solid 1px #000; background:#fff; border-radius:3px; padding:3px; position:absolute; top:42px; left:-176px;}
.news_pic img{width:204px; height:143px; border-radius:3px;}

/*二级页*/
.clear{clear:both;}
.sec_body{width:auto; padding:0 15px;}
.sec_title{width:auto;height:32px;margin:0 auto; border-bottom: solid 1px #CCC; font-weight:bold; font-size:16px;font-family:"微软雅黑";}
.sec_fl{float:left;}
.sec_sy{float:right;color:#333;font-size:12px;text-align:right;}
.sec_text{ font-family:'微软雅黑';line-height:150%; font-size:14px; padding:8px;line-height:2;font-size:16px;}

#news_list ul {width: auto;height: 230px;padding: 9px;}
#news_list ul li {width: auto;	padding-left: 10px;height: 30px;line-height: 30px; *height: 27px; *line-height: 27px;padding-right: 10px;color:#000;}
#news_list a{color:#000;}
#news_list a:hover{text-decoration:none; }
#news_list ul li:hover{ text-decoration:none; position: relative; right: 0px; top: 1px;}
#news_list .one {background:#F0F0F0;} 
#news_list ul li span {float: left;}
#news_list ul li strong {float: right;	font-weight: normal;}
#news_con {width: auto;min-height: 360px;padding: 15px;padding-right: 15px;color:#000;	text-align:justify;}
#news_con .h1 {text-align: center;font-size: 16px;height: auto;line-height: 35px;}
#news_con .h2 {text-align: center;font-weight: normal;	width: auto;height: 25px;line-height: 25px;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;color: #666;margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold;color:#000;}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;color:#000;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;}/*#news_cons img,*/#news_cons table{ width:100%;}
#pro_list ul {/*padding: 15px 0 0 15px;*/padding: 0 0 0 15px;}
#pro_list li {width: 230px;float: left;margin-right: 8px;}
#pro_list li h1 {font-size: 14px;color: #C00;width: 202px;height: 25px;line-height: 25px;text-align: center;}
#pro_list li .img{ background:#efefef}
#pro_list li .txt{ background:#efefef}
#pro_list li a:hover{ text-decoration:none}
#pro_list li table{margin-bottom:8px; }
#pro_list li table:hover{background:#248615; cursor:pointer}
#pro_con {width: auto; min-height: 360px;padding: 15px;padding-right: 0px;}
#pro_con .h1 {	text-align: center;font-size: 16px;height: 35px;line-height: 35px;color:#000;}
#pro_con #pic {text-align: center;margin-bottom: 5px;}
#page{ padding:20px; margin-top:40px;text-align:center; }
#page a{ background:#efefef; padding:5px 8px; margin-left:5px;}
#page a:hover{text-decoration:none;background:#248615; color:#fff;}